﻿<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Gixco</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- FontAwesome -->
<link rel="stylesheet" href="assets/css/all.css">
<!-- Bootstrap v4.3.1 -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500"
	rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oswald:300,400"
	rel="stylesheet">
<!-- Global CSS -->
<link rel="stylesheet" href="assets/css/normalize.css">
<link rel="stylesheet" href="assets/css/main.css">
<!-- Jquery ui -->
<link rel="stylesheet" href="assets/css/jquery-ui.css">
<!-- Responsive Menu CSS -->
<link rel="stylesheet" href="assets/css/meanmenu.css">
<!-- Theme CSS -->
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
	<div class="container">
		<header class="header">
			<div class="topcontain">
				<div class="row">
					<div class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
						<div class="logo">
							<a href="index.html"><img src="logo.png" alt="Logo" /></a>
						</div>
					</div>
					<div class="col-xl-5 col-lg-3 col-md-2 col-sm-12">
						<div class="menubar">
							<nav id="mobile-menu">
								<ul>
									<li><a href="index.html">首页</a></li>
									<li><a href="chanpin.html">产品</a></li>
									<li><a href="about.html">关于</a></li>
									<li><a href="blog.html">博客</a></li>
									<li><a href="contact.html">联系我们</a></li>
								</ul>
							</nav>
						</div>
					</div>
					<div class="col-xl-4 col-lg-6 col-md-7 col-sm-12">
						<div class="head_right">
							<div class="login_bar">
								<ul>
									<li><a href="login.html">请登录</a></li>
									<li><a href="register.html">没有账号?</a></li>
									<li class="user"><a href="login.html"><i
											class="fas fa-user"></i></a></li>
									<li class="search"><a href="#"><i
											class="fas fa-search"></i></a>
										<div class="search_bar">
											<form>
												<input type="text" name="search" placeholder="Search">
												<span class="search_icon"><i class="fas fa-search"></i></span>
											</form>
										</div></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-12 d-xl-none">
						<div class="mobile-menu"></div>
					</div>
				</div>
			</div>
		</header>
		<div class="contact-page">
			<div class="breadcrumb-area">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li><span>联系我们</span></li>
				</ul>
			</div>
			<h2 class="page-title">联系我们</h2>
			<div class="contact-info col-12">
				<div class="form-row">
					<div class="col-md-4">
						<div class="contact text-center">
							<i class="fas fa-envelope"></i>
							<h4>联系邮箱</h4>
							<p>483325868@qq.com</p>
							<p>Fjk76392@163.com</p>
						</div>
					</div>
					<div class="col-md-4">
						<div class="contact text-center">
							<i class="fas fa-map-marker-alt"></i>
							<h4>访问这里</h4>
							<p>河南省郑州市</p>
							<p>新郑市市河南工业贸易职业学院</p>
						</div>
					</div>
					<div class="col-md-4">
						<div class="contact text-center">
							<i class="fas fa-phone"></i>
							<h4>电话联系</h4>
							<p>+002 825887445</p>
							<p>+002 487874577</p>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-10 offset-md-1">
				<form action="#">
					<div class="contact-form">
						<div class="form-row">
							<div class="form-group col-md-6">
								<label>姓名 <span class="required">*</span></label> <input
									type="text" required="required">
							</div>
							<div class="form-group col-md-6">
								<label>邮箱 <span class="required">*</span></label> <input
									type="email" required="required">
							</div>
							<div class="form-group col-md-6">
								<label>手机号</label> <input type="text">
							</div>
							<div class="form-group col-md-6">
								<label>主题</label> <input type="text">
							</div>
							<div class="form-group col-12">
								<label>内容 <span class="required">*</span></label>
								<textarea name="message" id="message" cols="30" rows="10"
									spellcheck="false"></textarea>
							</div>
							<div class="form-group">
								<button class="btn theme-btn mr-2">提交</button>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div id="contact-map" class="contact-map"></div>
	<footer>
		<div class="container">
			<div class="footer-area">
				<div class="footer-content">
					<ul>
						<li>
							<p>客户服务</p>
							<ul>
								<li><a href="#">交付和回报</a></li>
								<li><a href="#">贸易服务</a></li>
								<li><a href="#">隐私和政策</a></li>
								<li><a href="#">常见问题</a></li>
							</ul>
						</li>
						<li>
							<p>关于我们</p>
							<ul>
								<li><a href="#">新闻</a></li>
								<li><a href="#">工作室</a></li>
								<li><a href="#">展厅</a></li>
								<li><a href="#">条款和条件</a></li>
							</ul>
						</li>
						<li>
							<p>社交媒体</p>
							<ul>
								<li><a href="#">腾讯qq</a></li>
								<li><a href="#">新浪微博</a></li>
								<li><a href="#">微信</a></li>
								<li><a href="#">钉钉</a></li>
							</ul>
						</li>
						<li>
							<p>客户服务</p>
							<ul>
								<li><a href="#">交付和回报</a></li>
								<li><a href="#">贸易服务</a></li>
								<li><a href="#">联系我们</a></li>
								<li><a href="#">常见问题</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<div class="copyright-area">
					<div class="copyright">
						<p>Copyright &copy; 2019 by Themehum</p>
					</div>
					<div class="social">
						<ul>
							<li>
								<p>Connect with us:</p>
							</li>
							<li><a href="#"><i class="fab fa-facebook"></i></a></li>
							<li><a href="#"><i class="fab fa-twitter"></i></a></li>
							<li><a href="#"><i class="fab fa-pinterest"></i></a></li>
							<li><a href="#"><i class="fab fa-youtube"></i></a></li>
							<li><a href="#"><i class="fab fa-instagram"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div id="top">
				<i class="fas fa-arrow-up"></i>
			</div>
		</div>
		<!-- Global JS -->
		<script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
		<script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
		<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/plugins.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/jquery-ui.js"></script>
		<script src="assets/js/jquery.meanmenu.min.js"></script>
		<!-- Isotope JS -->
		<script src="assets/js/isotope.pkgd.min.js"></script>
		<script src="assets/js/imagesloaded.pkgd.min.js"></script>
		<!-- Custom JS -->
		<script src="assets/js/main.js"></script>
		<!-- Google Map JS -->
		<script
			src="http://ditu.google.cn/maps/api/js?key=AIzaSyBvEEMx3XDpByNzYNn0n62Zsq_sVYPx1zY"></script>
		<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
		<script>
            
            
         </script>

		<!-- Countdown Timer Script -->
		<script src="assets/js/timer.js"></script>
	</footer>
</body>
</html>
